/*
  所有arco组件库相关的全局样式
*/

/* table字体 */
.arco-table-th-title,
.arco-table-td-content,
/* input输入框字体 */
.arco-input,
.arco-input::placeholder,
/* 下拉选择框字体 */
.arco-select-view-input,
.arco-select-view-value,
.arco-select-view-input::placeholder,
/* 日期选择框字体 */
.arco-picker-input input,
.arco-picker-input input::placeholder,
.arco-btn,
.arco-checkbox-label,
.arco-radio-label,
.arco-tabs-tab-title,
.arco-empty-description {
  font-size: var(--font-size) !important;
}

.arco-icon,
.arco-tag {
  cursor: pointer;
}

.arco-btn-primary,
.arco-btn-primary[type='button'],
.arco-btn-primary[type='submit'] {
  background-color: #2f80ed !important;
}

.arco-btn-primary:hover,
.arco-btn-primary[type='button']:hover,
.arco-btn-primary[type='submit']:hover {
  background-color: rgb(22, 93, 255) !important;
}

.arco-drawer-header {
  background: #f3f4f8;
}

.arco-drawer-title {
  font-size: calc(var(--base-font-size) + 3px) !important;
  font-weight: bold !important;
}

.arco-drawer-header .arco-drawer-close-btn {
  font-size: 20px !important;
  color: #333 !important;

  .arco-icon-hover:hover::before {
    background-color: #d5d5d5;
  }
}

.arco-drawer .arco-icon-hover::before {
  width: 30px;
  height: 30px;
}

.base-modal .arco-modal-header {
  height: 70px !important;
}

.base-modal .arco-modal-body {
  padding: 0 !important;
  background-color: #f0f1f4;
}

.arco-drawer-body {
  padding: 0 !important;
}

.arco-btn-size-medium {
  border-radius: 4px !important;
}

.arco-input-wrapper,
.arco-select,
.arco-picker {
  background-color: transparent !important;
  border: 1px solid #c4c6cf !important;
  border-radius: 4px !important;
}

.arco-select {
  background-color: transparent !important;
}

.arco-descriptions-border .arco-descriptions-item-label-block {
  background-color: #f9f9f9 !important;
}

.arco-descriptions-item-label {
  color: #666 !important;
  box-sizing: border-box;
}

.arco-descriptions-item-value {
  color: #252b3a !important;
  box-sizing: border-box;
}

.arco-select-view-disabled {
  color: #1d2129 !important;
}

.arco-radio-disabled .arco-radio-label {
  color: var(--color-text-1) !important;
}

.arco-radio-disabled .arco-radio-icon {
  background-color: rgb(var(--primary-6)) !important;
}
